<input type="text">

<ul>
    <li>00001</li>
    <li>00002</li>
    <li>00003</li>
    <li>00004</li>
    <li>00005</li>
</ul>

<script src="./axios.js"></script>
<script>
    // 获取input框
    let iptObj = document.querySelector('input')
    // 绑定值改变事件
    iptObj.oninput = function(){

        // 调用axios里的get
        // 发送请求
        get(
        'https://www.baidu.com/sugrec',
        {
            prod:'pc',
            wd:this.value},
        'json'
        )

        .then(res => {
            // 拿到数据后：清空ul 遍历 造li 放内容 追加
            document.querySelector('ul').innerText = ''
            res.g.forEach(item => {
                let liObj = document.createElement('li')
                liObj.innerText = item.q
                document.querySelector('ul').appendChild(liObj)
            })
        })

        .catch(err => {
            console.log('有问题：',err)
        })

    }

</script>